All Questions
416 questions
1vote
1answer
34views
How to create a dropdown menu from a list generated through find-each method (in a Rails app)?
In the navbar of my Rails blog-app I have the following piece of code that lists the available categories of articles that are available in the site. <div class=""> <% ...
0votes
1answer
250views
Rails path for images with bootstrap
Hello i want to use a boostrap (in my rails app) Heroes with an image and to use it i need to use img and not image_tag but that dont find my image. Here the code <div class="px-4 pt-5 my-5 ...
0votes
1answer
157views
Carousel from Bootstrap 5 is not cycling through images on a timer or when clicked
I've taken some code directly from Bootstrap 5 to create a carousel, however for some reason the images won't cycle. I've tried multiple different images and I can't figure out why it isn't working. I'...
0votes
1answer
39views
How do you make a link_to text clickable to activate a Boostrap collapsible?
I have this code for a collapsible header text and a caret besides it which collapses/uncollapses a div . <span><strong>"Weekly"</strong></span> <a class="...
0votes
1answer
55views
Cannot display bootstrap style sheets in Devise Sign in pages
I'm using a template landing page to build my app off of. Inside the directory contains all the css files and style sheets which I'm referencing in my application.html.erb file. The issue occurs when ...
0votes
2answers
122views
Bootstrap class defined in HTML not appearing in DOM?
I have this Ransack search_form_for with a select and two input fields. I'm using Bootstrap classes for all of them, but whatever I define as a class for the select doesn't show up in the DOM. HTML: &...
0votes
2answers
99views
Iterating over bootstrap tab content in rails
I am trying to create tab contents using bootstrap in my rails application. My current implementation look like this <div class="tab-content" id="v-pills-tabContent"> &...
0votes
1answer
881views
bootstrap card-body width extended past card header and footer
The header and footer of the card is a little less then the body. Showing a little white on both sides. How do I stretch the header and footer so that it fills to the sides? Thank you. code snippet: &...
0votes
1answer
150views
Dynamically add rows based on size of collection
I'm trying to render a set of cards into rows of 3. Currently the collection size is 8. So it should render into 3 rows, first two is filled with 3 cards, last row has 2 cards. Currently I'm able to ...
0votes
1answer
320views
Uncaught TypeError: $(...).modal is not a function with activeadmin rails
I am trying to integrate a simple modal in activeadmin. My Gemfile: gem 'jquery-rails' gem 'popper_js' gem 'bootstrap' My application.js: //= require jquery //= require jquery_ujs //= require rails-...
0votes
1answer
391views
Display a form horizontally using form_for, Ruby on Rails, twitter bootstrap
Following a Ruby on Rails tutorial and the code given below is supposed to display a form horizontally. <div class="row"> <div class="col-md-12"> <%= form_for(@recipe, :html =&...
0votes
0answers
124views
I'm trying to use bootstrap with webpack installed, how do I fix this AssetNotFound error?
I have some bootstrap styling features in my app that haven't been working, and I think it was because I also have webpack installed. So I followed the instructions from a youtube video to figure out ...
0votes
1answer
53views
Bootstrap modal window not appearing
I took the code for the bootstrap modal window directly from the bootstrap site, so I have this in my .html.erb file. But nothing appears on the page when I click the button. Anybody have any thoughts ...
0votes
1answer
83views
Bootstrap card alignment is not proper
I am working on a rails application with Bootstrap 4. There is some styling issue with the card of Bootstrap that I can't figure out. Original After Pressing the Button I don't know why the margins ...
0votes
2answers
288views
how to add separate links for a container and a button in it
I have a course container that links to the course show page. the container also has a button that allows you to enroll in a course. But right now the enroll button doesn't work and just redirects to ...